<template>
	<view class="plaza-page">
		<NavBar title="动态" :capsule="false"/>
		<wd-config-provider theme="dark">
			<view class="search-box">
				<wd-search placeholder="请输入想要获取的关键词" @search="search" placeholder-left hide-cancel/>
			</view>
			<view class="plaza-list pb-list">
				<PItem desc="防止多列布局" v-for="_ in 12"/>
			</view>
		</wd-config-provider>
		<TabBar current="plaza"/>
	</view>
</template>

<script setup>
	import NavBar from '@/components/NavBar.vue'
	import TabBar from '@/components/TabBar.vue'
	import PItem from './components/PItem.vue'
	const search = () => {
		console.log('search');
	}
</script>

<style lang="scss" scoped>
	.plaza-page {
		padding: 0 24rpx 40rpx 24rpx;
		// padding-top: calc(var(--status-bar-height) + 20rpx);
	}
</style>
